// pages/wholeHouse/threeSteps/threeSteps.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    stepActive: 1, //步骤激活下标

    area: null, //面积
    moneyList: ['0-5万', '5-10万', '10-15万', '15-25万', '25-50万', '50万以上'],
    activeIndex: 0, //金额下标
    houseType: ['平常住宅', '复式住宅', '独栋别墅', 'LOFT', '庭 院', '联排住宅'], //你的房屋户型？
    houseIndex: 0, ////房屋下标

    styleList: [{
      name: '新中式',
      select: false
    }, {
      name: '欧式',
      select: false
    }, {
      name: '现代简约',
      select: false
    }, {
      name: '北 欧 ',
      select: false
    }, {
      name: '日式 ',
      select: false
    }, {
      name: '新古典',
      select: false
    }, {
      name: '田园风',
      select: false
    }, {
      name: '混搭风',
      select: false
    }],
    styleIndex: null, //风格下标
  },

  // tabStep  点击单个步骤
  tabStep(e) {
    const stepActive = e.currentTarget.dataset.active
    // console.log(stepActive);

    this.setData({
      stepActive: stepActive
    })
  },
  // 点击预算金额
  clickMoney(e) {
    // console.log(e);
    var index = e.currentTarget.dataset.index
    this.setData({
      activeIndex: index
    })
  },
  // 点击房屋类型
  clickType(e) {
    var index = e.currentTarget.dataset.index
    this.setData({
      houseIndex: index
    })
  },
  // 点击喜好风格
  clickStyle(e) {
    var index = e.currentTarget.dataset.index
    this.setData({
      [`styleList[${index}].select`]: !this.data.styleList[index].select
    })
  },
  //监听值变化
  onChange(e) {
    var formName = e.target.dataset.formname
    // var name = `addForm.${formName}`;
    var name = `${formName}`;
    this.setData({
      // [name]: e.detail
      [name]: e.detail
    })
    console.log(formName)
  },
  // 下一步
  next() {
    const stepActive = this.data.stepActive
    if (stepActive == 1) {
      this.setData({
        stepActive: 2
      })
    } else if (stepActive == 2) {
      wx.navigateTo({
        url: '/pages/wholeHouse/list/list',
      })
    } 
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})